﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Layout/Site.Master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="JC.Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            $("#marqueeTwo").html($("#marqueeOne").html());
            var mar = function () {
                if ($("#c_mid_r").scrollLeft() > $("#marqueeOne").width()) { //当滚动条隐藏的长度大于div1的宽度
                    $("#c_mid_r").scrollLeft(0);
                }
                else {
                    $("#c_mid_r").scrollLeft($("#c_mid_r").scrollLeft() + 1); //每次滚动条往右移动1px；
                }
            };
            var vid = setInterval(mar, 50);
            $("#c_mid_r").mouseenter(function () {
                clearInterval(vid);
            }).mouseleave(function () {
                vid = setInterval(mar, 50);
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="content">
        <!-- 幻灯片代码开始 -->
        <div id="slide" style="display: none;">
            <ul class="allinone_bannerRotator_list">
                <li data-bottom-thumb="imgs/ps1.jpg" data-link="/" data-target="_blank">
                    <img src="imgs/p1.jpg" alt="" />
                </li>
                <li data-bottom-thumb="imgs/ps2.jpg" data-link="/" data-target="_blank">
                    <img src="imgs/p2.jpg" alt="" />
                </li>
                <li data-bottom-thumb="imgs/ps3.jpg">
                    <img src="imgs/p3.png" alt="" />
                </li>
                <li data-bottom-thumb="imgs/ps4.jpg">
                    <img src="imgs/p4.jpg" alt="" />
                </li>
            </ul>
        </div>
        <!-- 幻灯片代码结束 -->
        <div id="c_top">
            <%--机构简介--%>
            <div id="c_top_intr">
                <div class="div_title">
                    <img src="imgs/title_ico.png" alt="" /><a class="div_title_words">机构简介</a></div>
                <div id="introduction">
                    我们的网站建设包括网站策划、网页设计、网站功能、网站优化技术、网站内容整理、网站推广、网站评估、网站运营、网站整体优化、网站改版等。网站建设的前期准备包括了前期网站定位、内容差异化、页面沟通等战略性调研，这个过程需要网站策划人员、美术设计人员、WEB程序员共同完成。网页设计师预计将有意识的可用性，如果他们的作用，需要创建标记，那么它们也有望成为最新的网页易读性指引。
                </div>
            </div>
            <%--机构简介--%>
            <%--服务内容--%>
            <div id="c_top_serv">
                <div class="div_title">
                    <img src="imgs/title_ico.png" alt="" /><a class="div_title_words">服务内容</a></div>
                <div id="service">
                    <div class="sevice_item">
                        <a href="#">
                            <img src="imgs/service_contents.png" alt="" /></a> <a href="#">网站建设</a>
                    </div>
                    <div class="sevice_item">
                        <a href="#">
                            <img src="imgs/service_contents.png" alt="" /></a> <a href="#">空间域名服务</a>
                    </div>
                    <div class="sevice_item">
                        <a href="#">
                            <img src="imgs/service_contents.png" alt="" /></a> <a href="#">网站优化</a>
                    </div>
                    <div class="sevice_item">
                        <a href="#">
                            <img src="imgs/service_contents.png" alt="" /></a> <a href="#">系统定制</a>
                    </div>
                    <div class="sevice_item">
                        <a href="#">
                            <img src="imgs/service_contents.png" alt="" /></a> <a href="#">学习辅助</a>
                    </div>
                    <div class="sevice_item">
                        <a href="#">
                            <img src="imgs/service_contents.png" alt="" /></a> <a href="#">广告联盟</a>
                    </div>
                </div>
            </div>
            <%--服务内容--%>
            <%--资讯公告--%>
            <div id="c_top_news">
                <div class="div_title">
                    <img src="imgs/title_ico.png" alt="" /><a class="div_title_words">资讯公告</a></div>
                <div id="infomation">
                    <ul>
                        <li><a href="#">沈阳世成印花设备制造有限公司</a> </li>
                        <li><a href="#">沈阳灏孚测控技术有限公司 </a></li>
                        <li><a href="#">和兴大众技术有限公司 </a></li>
                        <li><a href="#">大连海洋经济产业园 </a></li>
                        <li><a href="#">沈阳蓝天医学整形美容医院</a></li>
                        <li><a href="#">沈阳皇家整形中山名流店 </a></li>
                        <li><a href="#">东煤沈阳建筑基础工程公司 </a></li>
                        <li><a href="#">迅鹰野战拓展俱乐部 </a></li>
                        <li><a href="#">米加齿科技术有限公司 </a></li>
                        <li><a href="#">沈阳航空航天大学 </a></li>
                        <li><a href="#">常州人才航空航天大学 </a></li>
                    </ul>
                </div>
            </div>
            <%--资讯公告--%>
        </div>
        <div id="c_mid">
            <div id="c_mid_l">
                <br />
                产<br />
                品<br />
                展<br />
                示</div>
            <div id="c_mid_r">
                <div id="longDiv">
                    <div id="marqueeOne">
                        <div class="div_product">
                            <a href="#">
                                <img src="imgs/website_products.png" alt="" /></a> <a href="#">和兴大众技术有限公司1</a>
                        </div>
                        <div class="div_product">
                            <a href="#">
                                <img src="imgs/website_products.png" alt="" /></a> <a href="#">和兴大众技术有限公司2</a>
                        </div>
                        <div class="div_product">
                            <a href="#">
                                <img src="imgs/website_products.png" alt="" /></a> <a href="#">和兴大众技术有限公司3</a>
                        </div>
                        <div class="div_product">
                            <a href="#">
                                <img src="imgs/website_products.png" alt="" /></a> <a href="#">和兴大众技术有限公司4</a>
                        </div>
                        <div class="div_product">
                            <a href="#">
                                <img src="imgs/website_products.png" alt="" /></a> <a href="#">和兴大众技术有限公司5</a>
                        </div>
                        <div class="div_product">
                            <a href="#">
                                <img src="imgs/website_products.png" alt="" /></a> <a href="#">和兴大众技术有限公司6</a>
                        </div>
                    </div>
                    <div id="marqueeTwo">
                    </div>
                </div>
            </div>
        </div>
        <div id="c_foot">
            <div id="c_foot_l">
              <div class="div_title">
                    <img src="imgs/title_ico.png" alt="" /><a class="div_title_words">网站建设</a></div>
                <div id="c_foot_l_webcreate">
                    <div class="webcreate_item">
                        <img src="imgs/content_foot.png" alt="" />
                        <div><a href="#" class="item_title">网站建站技术</a><p>简介:我们使用的技术比较先进的...</p><a class="item_view" href="#">查看详情</a></div>
                    </div>
                   
                    <div class="webcreate_item">
                        <img src="imgs/content_foot.png" alt="" />
                        <div><a href="#" class="item_title">网站域名服务</a><p>简介:我们使用的技术比较先进的...</p><a class="item_view" href="#">查看详情</a></div>
                    </div>

                    <div class="webcreate_item">
                        <img src="imgs/content_foot.png" alt="" />
                        <div><a href="#" class="item_title">网站空间服务</a><p>简介:我们使用的技术比较先进的...</p><a class="item_view" href="#">查看详情</a></div>
                    </div>

                    <div class="webcreate_item">
                        <img src="imgs/content_foot.png" alt="" />
                        <div><a href="#" class="item_title">网站定制</a><p>简介:我们使用的技术比较先进的...</p><a class="item_view" href="#">查看详情</a></div>
                    </div>
                </div>
            </div>

            <div id="c_foot_r">
             <div class="div_title">
                    <img src="imgs/title_ico.png" alt="" /><a class="div_title_words">网站推广</a></div>
                    <div id="c_foot_r_seo">
                    <div class="webcreate_item">
                        <img src="imgs/content_foot.png" alt="" />
                        <div><a href="#" class="item_title">网站建站技术</a><p>简介:我们使用的技术比较先进的...</p><a class="item_view" href="#">查看详情</a></div>
                    </div>
                   
                    <div class="webcreate_item">
                        <img src="imgs/content_foot.png" alt="" />
                        <div><a href="#" class="item_title">网站域名服务</a><p>简介:我们使用的技术比较先进的...</p><a class="item_view" href="#">查看详情</a></div>
                    </div>

                    <div class="webcreate_item">
                        <img src="imgs/content_foot.png" alt="" />
                        <div><a href="#" class="item_title">网站空间服务</a><p>简介:我们使用的技术比较先进的...</p><a class="item_view" href="#">查看详情</a></div>
                    </div>

                    <div class="webcreate_item">
                        <img src="imgs/content_foot.png" alt="" />
                        <div><a href="#" class="item_title">网站定制</a><p>简介:我们使用的技术比较先进的...</p><a class="item_view" href="#">查看详情</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
